<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>{$title}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link href="/js/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="/js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="/js/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/js/layermobile/layer.js"></script>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js "></script>

    <script>
        $(function(){
            var wxconfig ='';
            $.ajax({
                type:'get',
                url:"{$rooturl}/Partner/productQrcode?uid={$uid}",
                beforeSend:function(){
                    layer.open({type: 2});
                },
                success:function(data){
                    $("#qrcode").attr('src',"{$imgurl}/"+data.data.img);
                    layer.closeAll();
                },
            });

            $('#back').bind('click', function () {
                var mark  = localStorage.getItem('mark');
                if(mark){
                    window.history.go(-1);
                }else{
                    window.location.href= "{$fronturl}";
                }
            });
            $.ajax({
                type:"post",
                url:"{$rooturl}/Weixin/getSignPackage",
                data:"url="+encodeURI(window.location.href),
                success:function(data){
                    wxconfig = data.data.signature;

                    wx.config({
                        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                        appId: wxconfig.appId, // 必填，公众号的唯一标识
                        timestamp: wxconfig.timestamp, // 必填，生成签名的时间戳
                        nonceStr: wxconfig.nonceStr, // 必填，生成签名的随机串
                        signature: wxconfig.signature,// 必填，签名，见附录1
                        jsApiList: ['onMenuShareTimeline','onMenuShareQQ','onMenuShareAppMessage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                    });

                    wx.ready(function(){
                        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
                    });

                    wx.error(function(res){

                        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
                        alert('签名失败');
                    });

                    wx.onMenuShareAppMessage({
                        title: "{$title}合伙人", // 分享标题
                        desc: "{$shareDesc}", // 分享描述
                        link: wxconfig.url, // 分享链接
                        imgUrl: "{$shareImg}", // 分享图标
                        type: '', // 分享类型,music、video或link，不填默认为link
                        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                        success: function () {
                            // 用户确认分享后执行的回调函数
                            layer.open({
                                content: '分享成功',
                                style: 'background-color:#09C1FF; color:#fff; border:none;',
                                time: 2
                            });
                        },
                        cancel: function () {
                            // 用户取消分享后执行的回调函数
                        }
                    });

                    layer.closeAll();
                }
            });


        });
    </script>

    <style type="text/css">
        *{margin: 0;padding: 0;}
        body{background: #fcf8e3;}
        .img{width: 100%;height: auto;position: relative;text-align: center;margin-top: 0px;}
        .navbar{margin-bottom: 0px;}
    </style>
</head>
<body>
    <div class="container-fluid">
        <div class="row">
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <div class="navbar-header">
                            <a class="navbar-brand" href="javascript:void(0);" id="back">
                                <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
                            </a>
                        <p class="navbar-text" id="qrcode-title">我的推广二维码</p>
                    </div>
                </div>
            </nav>
           <div>
               <ul class="bg-primary">
                   <li>1、分享当前页面给朋友或者到朋友圈中，让朋友都成为我的合伙人。</li>
                   <li>2、朋友购买加入夺宝家庭后，凡是购买就会为您产生收入，收入可用于提现，只要你愿意</li>
                   <li>3、赶快加入吧...</li>
               </ul>
           </div>
           <div class="img">
               <img id="qrcode" src="" alt="二维码加载中...">
           </div>

        </div>
    </div>
</body>
</html>